<html><!-- Mirrored from localhost:8080/PET_STOREMVC0702_war_exploded/login.action by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 02 Nov 2024 09:41:48 GMT --><!-- Added by HTTrack --><head><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack -->

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登陆页面</title>
    <link rel="stylesheet" type="text/css" href="css/style.html">
    <link rel="stylesheet" href="../../cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <style>
        body {
            margin: 0;
            padding: 0;
            height: 900px;
            width: 100%;
            background-image: url(images/backgroud.png);
            background-repeat: no-repeat;
            background-size: cover; /* 或者使用 'contain' */
            background-position: center center; /* 使图片在容器中居中 */
        }
        a{
            color: blue;
            text-decoration: none;
        }
        #bigBox {
            /* ... other styles ... */
            position: absolute;
            top: 50%; /* 移动到父容器的垂直中点 */
            left: 50%; /* 移动到父容器的水平中点 */
            transform: translate(-50%, -50%); /* 向左和向上移动元素自身宽度和高度的一半 */
            /* Remove the auto margins since we're using absolute positioning */
            margin: 0;
            /* ... other styles ... */
        }

        #bigBox h1
        {
            font-size: 40px;
            color: blue;
        }
        #bigBox .inputBox
        {
            margin-top: 35px;
        }
        #bigBox .inputBox .inputText
        {
            margin-top: 20px;
        }
        #bigBox .inputBox .inputText input
        {
            border: 0;
            padding: 10px 10px;
            border-bottom: 1px solid blue;
            background-color: #00000000;
            color: blue;
            width: 200px;
            height: 40px;
            font-size: 20px;
        }
        #bigBox .inputBox .inputText i
        {
            color: blue;
        }
        #bigBox .inputBox .inputButton
        {
            border: 0;
            width: 200px;
            height: 50px;
            color: blue;
            margin-top: 55px;
            border-radius:20px;
            background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%,#b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
        }


    </style>
</head>
<body>
<div id="bigBox">
    <h1>登陆页面</h1>
    <div class="inputBox">
        <form th:action="@{/loginin}" method="post">
            <div class="inputText">
                <i class="fa fa-user-circle" style="color: whitesmoke;"></i>
                <input type="text" style="color:blue;" placeholder="手机号或邮箱" name="username">
            </div>
            <div class="inputText">
                <i class="fa fa-key" style="color: whitesmoke;"></i>
                <input type="password" style="color:blue;" placeholder="密码" name="password">
            </div>
            <input type="submit" class="inputButton" value="登录">
        </form>
    </div>
</div>

<script th:inline="javascript">    /*<![CDATA[*/
// 获取从后端传递的消息
var message = [[${message}]];

// 如果存在消息，则弹窗显示
if (message) {
    alert(message);
}
/*]]>*/
</script>


</body><!-- Mirrored from localhost:8080/PET_STOREMVC0702_war_exploded/login.action by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 02 Nov 2024 09:41:50 GMT --></html>